<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" type="text/css" href="myTabs.css"/>
    <script type="text/javascript"
            src="http://content3.ijie.cn/zh-cn/20111008172226/script/common/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.myTabs.js"></script>
    <title></title>
</head>
<body>
    <div class="demo1">
        <div class="tabsTitle">
            <span class="tabNor selected">选项一</span ><span class="tabNor">选项二</span><span class="tabNor">选项三</span>
        </div>
        <div class="contents">
            <div class="tabsContent cur">
                <p>
                    选项内容一</p>
                <p>
                    选项内容一选项内容一选项内容一选项内容一选项内容一选项内容一</p>
                <p>
                    选项内容一</p>
            </div>
            <div class="tabsContent">
                <p>
                    选项内容二</p>
                <p>
                    选项内容二</p>
                <p>
                    选项内容二选项内容二选项内容二选项内容二选项内容二选项内容二选项内容二选项内容二选项内容二</p>
            </div>
            <div class="tabsContent">
                <p>
                    选项内容三选项内容三选项内容三选项内容三选项内容三选项内容三选项内容三选项内容三</p>
                <p>
                    选项内容三</p>
                <p>
                    选项内容三</p>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    $(".demo1").myTabs()

</script>
</html>